<template>
  <div class="zong">
    <div class="yunding">
      <div class="yun1">游戏礼包</div>
      <div class="yun2"><img src="@/assets/yunding/yunding1.png" alt=""></div>
  </div>
  <div class="ycenter">
    <div class="ycenter1">
      <p>金铲铲登陆礼包</p>
    <span class="meiyou">当前帐号没有角色&nbsp;&nbsp;&nbsp;切换></span></div>
     <div class="ycenter2">暂无礼包请敬请期待</div>
  </div>
     <Yund></Yund>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.meiyou{
  color: chocolate;
}
.zong{
width: 100%;
}
.yunding{
height: 2rem;
font-size: 1.5rem;
width: 100%;
  margin-top: 0.5rem;
  font-size: 0.15rem;
}
.yun1{
  width: 100%;
  height: 20%;
  /* background-color: aqua; */
  font-size: 0.2rem;
  line-height: 0.45rem;
 font-weight: 800;
}
.yun2{
  width: 100%;
  height: 60%;
  /* background-color: blueviolet; */
}
.yun2>img{
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.15rem;
  margin-left: 00.2rem;
}
.ycenter{
  width: 100%;
  height: 2rem;
  /* background-color: chartreuse; */

}
.ycenter2{
  width: 40%;
  height: 0.2rem;
  margin-left: 1.2rem;
  margin-top: 1rem;
}
.ycenter1>p{
  font-size: 0.2rem;
  font-weight: 800;
  line-height: 0.2rem;
}
.meiyou{
  line-height: 0.5rem;
}
</style>